<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>index</title>
		<link rel="stylesheet" type="text/css" href="css/common/reset.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_608994_4kcbq06cu3anhfr.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<input type="checkbox" name="login" id="login" value="" />
		<input type="radio" name="ridio" id="liLogin" value="" />
		<input type="radio" name="ridio" id="yiLogin" value="" />
		<input type="radio" name="ridio" id="closeLogin" value="" />
		<input type="checkbox" name="s_search" id="s_search" value="" />
		<!--整体页面-->
		<div class="indexM">
			<!--头部-->
			<header>
				<label for="login"><i class="iconfont icon-caidan fll"></i></label>
				<label for="s_search"><i class="iconfont icon-sousuo frr"></i></label>
				<div class="logo"><img src="img/logo.png" /></div>
			</header>
			<!--轮播-->
			<div class="swiper-container kv">
				<!--图片-->
				<ul class="swiper-wrapper lunbo">
					<li class="swiper-slide">
						<a href=""><img src="img/lunbo.jpg" /></a>
						<div class="news">
							<p class="newsInfo">省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携手阿里妈妈举行DT大时代 全息营销</p>
							<div>
								<span><i class="iconfont icon-bqxin">120</i></span>
								<span><i class="iconfont icon-ai-eye">650</i></span>
								<span class="time">3月28日07：35：30</span>
							</div>
						</div>
					</li>
					<li class="swiper-slide">
						<a href=""><img src="img/lunbo.jpg" /></a>
					</li>
				</ul>
				<!--分页器-->
				<div class="swiper-pagination fenye"></div>
			</div>
			<!--主体内容-->
			<section>
				<!--样式一-->
				<div class="tabOne">
					<div class="clearfix">
						<div class="leftTab fl clearfix">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<span class="fl"><i class="iconfont icon-bqxin">120</i></span>
							<span class="fr">2小时前[案例观点]</span>
						</div>
						<div class="rightTab fr"><img src="img/index_1.jpg" /></div>
					</div>
					<div class="xian"></div>
					<div class="clearfix">
						<div class="leftTab fl clearfix">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<span class="fl"><i class="iconfont icon-bqxin">120</i></span>
							<span class="fr">2小时前[案例观点]</span>
						</div>
						<div class="rightTab fr"><img src="img/index_2.jpg" /></div>
					</div>
				</div>
				<div class="kuai"></div>
				<!--样式二-->
				<div class="tabTwo">
					<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
					<div class="banner">
						<div><img src="img/index_3.jpg" /></div>
						<div><img src="img/index_4.jpg" /></div>
						<div><img src="img/index_5.jpg" /></div>
					</div>
					<div class="xinxi">
						<div class="fl"><img src="img/index_tuox.png" /></div>
						<span>陈正光</span>
						<span><i class="iconfont icon-duihuakuang1">6868</i></span>
						<span><i class="iconfont icon-bqxin">4848</i></span>
						<span>2天前案例观点</span>
					</div>
				</div>
				<div class="tabOne fu">
					<div class="clearfix">
						<div class="leftTab fl clearfix">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<span class="fl"><i class="iconfont icon-bqxin">120</i></span>
							<span class="fr">2小时前[案例观点]</span>
						</div>
						<div class="rightTab fr"><img src="img/index_1.jpg" /></div>
					</div>
					<div class="xian"></div>
					<div class="clearfix">
						<div class="leftTab fl clearfix">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<span class="fl"><i class="iconfont icon-bqxin">120</i></span>
							<span class="fr">2小时前[案例观点]</span>
						</div>
						<div class="rightTab fr"><img src="img/index_2.jpg" /></div>
					</div>
				</div>
				<div class="tabTwo fu_two">
					<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
					<div class="banner">
						<div><img src="img/index_3.jpg" /></div>
						<div><img src="img/index_4.jpg" /></div>
						<div><img src="img/index_5.jpg" /></div>
					</div>
					<div class="xinxi">
						<div class="fl"><img src="img/index_tuox.png" /></div>
						<span>陈正光</span>
						<span><i class="iconfont icon-duihuakuang1">6868</i></span>
						<span><i class="iconfont icon-bqxin">4848</i></span>
						<span>2天前案例观点</span>
					</div>
				</div>
				<div class="tabOne fu">
					<div class="clearfix">
						<div class="leftTab fl clearfix">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<span class="fl"><i class="iconfont icon-bqxin">120</i></span>
							<span class="fr">2小时前[案例观点]</span>
						</div>
						<div class="rightTab fr"><img src="img/index_1.jpg" /></div>
					</div>
					<div class="xian"></div>
					<div class="clearfix">
						<div class="leftTab fl clearfix">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<span class="fl"><i class="iconfont icon-bqxin">120</i></span>
							<span class="fr">2小时前[案例观点]</span>
						</div>
						<div class="rightTab fr"><img src="img/index_2.jpg" /></div>
					</div>
				</div>
				<!--加在 -->
				<div class="jiaZ">
					加载更多
				</div>
			</section>
			<!--页脚-->
			<footer>
				<ul class="nav">
					<li>
						<a href="index.html"><i class="iconfont icon-home"></i></a>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="course_2.html"><i><img src="img/index_tubiao.png"/></i></a>
						<a href="course_2.html">GIMC</a>
					</li>
					<li>
						<a href="article.html"><i class="iconfont icon-pen"></i></a>
						<a href="article.html">文章</a>
					</li>
					<li>
						<a href="resource.html"><i class="iconfont icon-gongxiangtubiaozhuangtaileicaozuolei34"></i></a>
						<a href="resource.html">资源</a>
					</li>
					<li>
						<a href="course.html"><i class="iconfont icon-xueshimao"></i></a>
						<a href="course.html">学院</a>
					</li>
				</ul>
			</footer>
		</div>
		<!--登录-->
		<div class="login">
			
			<div class="tuichu">
				<label for="login"><img src="img/login_close.png"/></label>
				<div class="search">
					<i class="iconfont icon-sousuo"></i>
					<input type="search" name="" id="" value="" placeholder="Search" />
				</div>
			</div>
			<div class="loginT">
				<div><img src="img/mx-nologin.png" /></div>
				<label for="liLogin"><span>立即登录</span></label>
			</div>
			<ul class="list">
				<input type="checkbox" name="jieS" id="jieS" value="" />
				<!--业内弹出-->
				<label for="jieS"><li class="clearfix"><span>GIMC</span> <span class="fr kuoh">&gt;</span></li></label>
				<li class="jieS">
					<div>盛光介绍</div>
					<div>新闻资讯</div>
				</li>
				<li class="clearfix"><span>文章</span> <span class="fr">&gt;</span></li>
				<li class="clearfix"><span>资源</span> <span class="fr">&gt;</span></li>
				<li class="clearfix"><span>课程</span> <span class="fr">&gt;</span></li>
			</ul>
		</div>
		<!--立即登录-->
		<div class="liLogin">
			<div class="tubiao"><img src="img/common_logo.png" /></div>
			<div class="riglst">
				<form action="" method="post">
					<div>
						<img src="img/login_01.png" />
						<input type="" name="" id="" value="" placeholder="请输入已验证的手机号或邮箱" />
					</div>
					<div>
						<img src="img/login_02.png" />
						<input type="" name="" id="" value="" placeholder="请输入密码" />
					</div>
					<p>
						<a href=""><img src="img/forget.jpg" />忘记密码</a>
					</p>
					<label for="yiLogin"><div class="dengl">登录</div>
					<label for=""><div class="zhuc">注册</div>
				</form>
			</div>
		</div>
		<!--已经登录-->
		<div class="yiLogin">
			<div class="tuichu">
				<label for="closeLogin"><img src="img/login_close.png"/></label>
					<div class="search">
						<i class="iconfont icon-sousuo"></i>
						<input type="search" name="" id="" value="" placeholder="Search" />
					</div>
			</div>
			<div class="main_deng">
				<div class="yhtx">
					<img src="img/head_portrait.png" />
					<i class="iconfont icon-1"></i>
				</div>
				<p>陈晓敏&nbsp;&nbsp;<span>个人中心&nbsp;&gt;</span></p>
				<p>
					<i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
					<i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
					<i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
					<i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
					<i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
				</p>
				<p>
					关注<span>36</span> 粉丝
					<span>290</span>
				</p>
				<div>
					<button class="anniu_1">我的收藏</button>
					<button class="anniu_2">我的发布</button>
				</div>
			</div>
			<ul class="list">
				<input type="checkbox" name="jieS_2" id="jieS_2" value="" />
				<label for="jieS_2"><li class="clearfix"><span>GIMC</span> <span class="fr kuohe">&gt;</span></li></label>
				<li class="jieS_2">
					<div>盛光介绍</div>
					<div>新闻资讯</div>
				</li>
				<li class="clearfix"><span>文章</span> <span class="fr">&gt;</span></li>
				<li class="clearfix"><span>资源</span> <span class="fr">&gt;</span></li>
				<li class="clearfix"><span>课程</span> <span class="fr">&gt;</span></li>
			</ul>
			<button><label for="closeLogin">退出</label></button>
		</div>
		<!--搜索弹出-->
		<div class="s_search">
			<div class="tuichu">
				<label for="s_search"><img src="img/login_close.png"/></label>
				<div class="search">
					<i class="iconfont icon-sousuo"></i>
					<input type="search" name="" id="" value="" placeholder="Search" />
				</div>
			</div>
			<div class="search_main">
				<h3>热搜</h3>
				<div>
					<span><a href="">省广股份</a></span>
					<span><a href="">移动互联网</a></span>
					<span><a href="">细分平台业务</a></span>
					<span><a href="">O2O</a></span>
					<span><a href="">媒介平台</a></span>
					<span><a href="">拥抱变革，创造未来</a></span>
					<span><a href="">平台</a></span>
					<span><a href="">上海金投赏创意节</a></span>
				</div>
			</div>
		</div>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var kv = new Swiper(".kv", {
				loop: true,
				autoplay: true,
				//分页器
				pagination: {
					el: ".swiper-pagination"
				}
			})
			//鼠标滑过pagination控制swiper切换
			for(i = 0; i < kv.pagination.bullets.length; i++) {
				kv.pagination.bullets[i].index = i + 1
				kv.pagination.bullets[i].onmouseover = function() {
					kv.slideTo(this.index);
				};
			}
		</script>
	</body>

</html>